/*   Triple menu at top, left navbar, then a footer.  */
/*   A two column layout for the Web Manager.         */

body {
  margin: 0px; 
  padding: 0px;
  color: #234;
  font-family: Arial, Verdana, "Sans Serif";
  font-size: 12px;
  text-align: justify;
  }

#top {
  border:0px;
  padding: 0px;
  }

#topmenu {
  border:1px solid black;
  border-bottom: none;
  padding:0px 0px 0px 5px;
  height:15px;
  color: #fed;
  background:#543;
  text-align:left;
  }

#siblingmenu {
  padding: 3px 0px 0px 0px;
  height:20px; /* was 16px */
  background:#345;
  color: yellow; /* was #fed */
  background-color:#345;
  text-align:center;
}

div#siblingmenu > span {
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 4px solid #666;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  background-color: #666;
}

#childmenu {
  border-bottom: none;
  padding: 3px 0px 0px 0px;
  height:20px;
  color: #fed;
  background:#666;
  text-align:center;
}

#banner {
  height: 36px;
  font-size: 30px;
  color: #ff0;
  background-color: #654;
  text-align: center;
}

#crumbsmenu {
  border-bottom: none;
  padding:0px 0px 0px 5px;
  height:15px;
  color: #fed;
  background:#345;
  text-align:center;
}

#left {
  position: absolute;
  left:0px;
  width: 200px; 
  border:1px solid #000;
  padding: 5px; /* keep this the same for left, main, right */
  background:#ccc;
  }

div#left > span {
  padding-left: 5px;
  font-size: 14px;
  background-color: #ccc;
}

#main {
  overflow: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 211px; /* left width + 2*padding + 1 */
  border:1px solid #000;
  padding: 5px;
  background:#fff;
  }

#bottom {
  margin-top: -1px;
  border:1px solid #000;
  padding: 5px;
  clear: both;
  background-color:#cfc;
  text-align: right;
  }

.report {
  clear: left;
  margin: 2px;
  border: 1px solid gray;
  min-height: 15px;
  padding-left: 3px;
  background-color: #edc;
}

.page {
  height: 20px;
  background-color: #ddd;
}

.formget {
  padding: 3px;
  background-color: #efe;
}

.formedit {
  padding: 3px;
  background-color: #efe;
}

.separator {
  height: 4px;
  background-color: #420;
}

input {
  margin: 1px;
  font-size: 12px;
  color: black;
  background-color: white;
}

input.readonly {
  margin: 0px;
  border: 0px;
  background-color: #ccc;
}

input.text {
  width: 10em;
}

input.shorttext {
  width: 2em;
}

.longtext {
  width: 15em;
}

input.vshortbutton {
  width: 6em;
  background-color: #ccc;
}

input.shortbutton {
  width: 9em;
  background-color: #ccc;
}

input.button {
  width: 12em;
  background-color: #ccc;
}

input.longbutton {
  width: 15em;
  background-color: #ccc;
}

input.checkbox {
}

input.radiobutton {
}

div.servertalk {
  color: #048;
}

div.jstalk {
  color: #480;
}

select {
  margin: 1px;
  width: 8em;
  font-size: 12px;
  color: black;
  background-color: white;
}

